*{
    margin: 0px;                       /* 设置默认情况下所有的外边距和内边距为0 */
    padding: 0px;
    box-sizing: border-box;            /* 当外边距脱离了默认的状态时，若发生改变，则使外边距不变，改变内边距的位置 */
}
body{
    background:url("../imag/register_bg.jpg") no-repeat center;
    background-size:auto  1000px;
}

.rg_body{

}

/* 设置整体方块 */
.rg_layout{
    width: 830px;
    height: 460px;
    border: 10px solid #EEEEEE;
    background-color: whitesmoke;

    /* 让整个大方块水平居中 */
    margin:auto;                     /* margin为边缘*/
    margin-top:100px;
}

/*  设置中间方块  */
.rg_center{
    /*border: red solid 1px;*/
    float: left;
    width:450px;
    margin-left: 30px;
    margin-top: 50px ;
}

/* 设置左方块 */
.rg_left{
    /*border: red solid 1px;*/         /* 先设置好边框，方便后期调整，然后取消就可以了*/
    float: left;
    margin:15px;
}
.rg_left > p:first-child {                       /* 选择class=rg_left下的第一个子类 p   */
    color: red;
    font-size: 20px;           /* 字体大小 */
}
.rg_left > p:last-child {
    color: #A6A6A6;
    font-size: 20px;
}

/* 设置右方块 */
.rg_right{
    /* border: red solid 1px;*/
    float: right;
    font-size: 15px;
    margin: 15px;
}
.rg_right a{
    color: green;
}

/* 设置中间方块的每行左侧 */
.td_left{
    width: 80px;
    text-align: right;
    height: 45px;
}

/* 设置中间方块的每行右侧*/
.td_right{
    padding-left: 24px;
}

/* 用id来做样式选择 */
#username,#password,#address,#telephone{
    width: 251px;
    height: 32px;
    border: 1px solid #A6A6A6;
    border-radius: 5px;                     /* 设置边框为圆角 */
    padding-left: 10px;                     /* 设置内边距（也就是文本的位置） */
}
#verifyCode{
    height: 32px;
    width: 150px;                          /* 由于验证码，所以u8要单独讨论 */
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #A6A6A6;
}
#picture1{                                 /* 单独设置验证码，使验证码的位置更加美观一些 */
    height: 32px;
    vertical-align: middle;                /* 设置为中间对齐 */
}
#register{                                  /* 单独设置按钮的属性 */
    height: 32px;
    width: 80px;
    background-color: #FFD026;
    border: 1px solid;
    margin-top: 15px;
}